.avue-input-icon{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  cursor: default;
  &__item{
    border-right: 1px solid var(--el-border-color);
    border-bottom: 1px solid var(--el-border-color);
    text-align: center;
    width: 125px;
    padding: 10px 20px 0 20px;
    transition: all .2s;
    p{
      font-size: 12px;
      margin-top: 5px;
      cursor: default;
    }
    &:hover{
      background-color: var(--el-border-color-extra-light);
      color: var(--brand-color-light);
    }
    &--active{
      background-color: var(--el-border-color-extra-light);
      color: #409EFF;

    }
  }
  &__list{
    display: flex;
    flex-wrap: wrap;
    height: 330px;
    overflow: scroll;
    border-top: 1px solid var(--el-border-color);
    border-left: 1px solid var(--el-border-color);
  }
  &__filter{
    text-align: right;
    .el-input{
      width:250px;
    }
  }
}
